<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
</head>
<style>
    .table1{
        width: 145px;
        height: 30px;
    }
</style>
<body>
<div class="container">
    <table class="table table-striped ">
        <tr class="info">
            <td>用户信息</td>
            <td>订单信息</td>
            <td>产品信息</td>
        </tr>
        <table class="  table-bordered ">
            <tr class="table warning">
                <!--        用户信息-->
                <td class="table1">用户编号</td>
                <td class="table1">用户姓名</td>
                <td class="table1">用户地址</td>
                <!--      订单信息  -->
                <td class="table1">订单号</td>
                <td class="table1">订单名称</td>
                <!--        产品信息-->
                <td class="table1">产品时间</td>
                <td class="table1">产品名称</td>
                <td class="table1">产品价格</td>
            </tr>
                <td>1</td>
                <td>刘凤超</td>
                <td>电子学院</td>
<!--                订单-->
                <td>1</td>
                <td>苹果手机</td>
<!--           产品 -->
                <td>2020-3-10</td>
                <td>ipone11</td>
                <td>1990.00</td>
            </tr>
        </table>

    </table>
</div>
</body>
</html>